<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/data.css"/>
	</head>
	<body>
		<header>
			<span>
					<a href="my.html"><img src="img/fanhui@2x.png"/></a>
			</span>
			<span>我的资料</span>
			<span><a href="my.html">保存</a></span>
		</header>
		<div class="pang">
			<span>头像</span>
			<div>
				<img src="img/panghu.png"/>
				<img src="img/dianjirukou@2x.png"/>
			</div>
		</div>
		<div class="pang2">
			<span>我的二维码</span>
			<div>
				<img src="img/dianjirukou@2x.png"/>
			</div>
		</div>		
		<div class="pang2">
			<span>我的手机号</span>
			<div>
				18210951279
			</div>
		</div>		
		<div class="pang2">
			<span>管理我的地址</span>
			<div>
				<img src="img/dianjirukou@2x.png"/>
			</div>
		</div>		
		<div class="hui">
			
		</div>
		<div class="foot">
			<span>
				昵称
			</span>
			<span>胖虎</span>
		</div>
		<div class="foot2">
			<span>
				性别
			</span>
			<div>
				<span class="gender">男</span>
				<span class="gender">女</span>
			</div>
		</div>
		<div class="foot">
			<span>
				所在地
			</span>
			<input type="text" placeholder="请填写所在城市">
		</div>
		<div class="foot">
			<span>
				个人简介
			</span>
			<span></span>
		</div>
		
		
		<script src="js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.gender').click(function(){
				$(this).addClass('gender_checked')
						.siblings().removeClass('gender_checked');
			})
		})
	</script>
</html>
